<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>游戏直播_全部游戏直播_斗鱼直播</title>
    <link rel="icon" href="../index/image/logo_title.png">
    <link rel="stylesheet" href="../index/css/header.css">
    <link rel="stylesheet" href="../index/css/header.css">
    <link rel="stylesheet" href="directory.css">
    <script src="jquery-3.6.0.min.js"></script>
    <script src="iconfont.js"></script>
    <script src="../index/js/header.js"></script>
    <script src="../index/js/iconfont.js"></script>
    
    <!-- <script src="changepage.js"></script> -->
</head>

<body>
    <!-- 头部 -->
    <div class="head">
        <!-- <iframe src="../index/header.html" frameborder="0" style="position:fixed;top: 0px;left:0px;width: 100%;height: 100px;"></iframe> -->
        <div class="header_main">
            <div class="Cheader_bg">
                <div class="Cheader">
                    <div class="Cheader_left">
                        <img src="../index/image/header_left.gif" alt="">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-douyu-01"></use>
                        </svg>
                        <ul id="C_uls">
                            <li><a href="#">首页</a></li>
                            <li><a href="../zhibo/directory.html" target="_blank">直播</a></li>
                            <li>
                                <a href="#">分类</a>
                                <svg class="icon" aria-hidden="true">
                                    <use xlink:href="#icon-youjiantou1"></use>
                                </svg>
                            </li>
                            <li><a href="../video/videoyu.html" target="_blank">视频</a>
                                <svg class="icon" aria-hidden="true">
                                    <use xlink:href="#icon-youjiantou1"></use>
                                </svg>
                            </li>
                            <li><a href="../games/shouye.html" target="_blank">游戏</a>
                                <svg class="icon" aria-hidden="true">
                                    <use xlink:href="#icon-youjiantou1"></use>
                                </svg>
                            </li>
                            <li><a href="../yuba/yuba.html" target="_blank">鱼吧</a></li>
                            <li><a href="#">鱼乐盛典</a></li>
                        </ul>
                        <div class="header_sort">
                            <div class="sort_top">
                                <h5>热门分类</h5>
                                <ul class="header_sort_uls"></ul>
                            </div>
                            <div class="sort_bottom">
                                <h5>玩家推荐</h5>
                                <ul class="header_sort_uls2"></ul>
                            </div>
                            <div class="sort_div">全部分类</div>
                            <img src="./image/header_sort.webp" alt="">
                        </div>
                        <div class="header_video">
                            <div class="video_left">
                                <h5>官方推荐</h5>
                                <ul class="gftj_uls"></ul>
                            </div>
                            <div class="video_right">
                                <h5>人气视频</h5>
                                <span>上传视频</span>
                                <ul class="rqsp_uls"></ul>
                            </div>
                        </div>
                        <div class="header_games">
                            <div class="games_one">
                                <div>
                                    <svg class="icon" aria-hidden="true">
                                        <use xlink:href="#icon-kehuduan1"></use>
                                    </svg>
                                    <span>网游推荐</span>
                                </div>
                                <span class="wyzx">网游中心&gt;&gt;</span>
                            </div>
                            <div class="games_two">
                                <div>
                                    <svg class="icon" aria-hidden="true">
                                        <use xlink:href="#icon-shouji"></use>
                                    </svg>
                                    <span>手游推荐</span>
                                </div>
                                <span>手游中心&gt;&gt;</span>
                            </div>
                            <div class="games_three">
                                <div>
                                    <svg class="icon" aria-hidden="true">
                                        <use xlink:href="#icon-youxi"></use>
                                    </svg>
                                    <span>云游戏</span>
                                </div>
                                <div class="yyx">
                                    <img src="./image/sort1.png" alt="">
                                    <div>
                                        <p>英雄联盟-在线玩</p>
                                        <p>无需客户端，网页在线下棋</p>
                                    </div>
                                    <span>开始游戏</span>
                                </div>
                                <span>云游戏&gt;&gt;</span>
                            </div>
                            <div class="games_four">
                                <img src="./image/games_.webp" alt="">
                                <span>广告</span>
                            </div>
                        </div>
                    </div>
                    <div class="Cheader_right">
                        <img src="../index/image/header_right.gif" alt="">
                        <input type="text" placeholder="永恒之塔">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-tubiaozhizuomoban1-06"></use>
                        </svg>
                        <ul id="CR_uls">
                            <li>
                                <svg class="icon" aria-hidden="true">
                                    <use xlink:href="#icon-lishi1"></use>
                                </svg>
                                <a href="#">历史</a>
                            </li>
                            <li>
                                <svg class="icon" aria-hidden="true">
                                    <use xlink:href="#icon-guanzhu"></use>
                                </svg>
                                <a href="#">关注</a>
                            </li>
                            <li>
                                <svg class="icon" aria-hidden="true">
                                    <use xlink:href="#icon-kehuduan1"></use>
                                </svg>
                                <a href="#">客户端</a>
                            </li>
                            <li>
                                <svg class="icon" aria-hidden="true">
                                    <use xlink:href="#icon-a-xuqiu1"></use>
                                </svg>
                                <a href="#">创作中心</a>
                            </li>
                        </ul>
                        <div class="header_guanzhu">
                            <div>
                                <div style="background-color: #FF5D23; color: #fff;">全部关注</div>
                                <div>特别关注</div>
                                <div>视频动态</div>
                            </div>
                            <div class="guanzhu_one">
                                <img src="./image/empty.webp" alt="">
                                <p>你的关注列表空空如也~</p>
                            </div>
                            <div class="guanzhu_two">
                                <img src="./image/empty.webp" alt="">
                                <p>你的特别关注列表空空如也~</p>
                            </div>
                            <div class="guanzhu_three">
                                <img src="./image/empty.webp" alt="">
                                <p>你关注的主播暂未发布视频哦~</p>
                            </div>
                            <div>
                              <img src="./image/guanzhu.webp" alt=""> 
                              <span>广告</span> 
                            </div>
                        </div>
                        <div class="header_PC">
                            <div>
                                <svg class="icon" aria-hidden="true">
                                    <use xlink:href="#icon-wuguanggao"></use>
                                </svg>
                                <p>纯净无广告</p>
                            </div>
                            <div>
                                <svg class="icon" aria-hidden="true">
                                    <use xlink:href="#icon-gaoqing2"></use>
                                </svg>
                                <p>高清不卡顿</p>
                            </div>
                            <div>
                                <svg class="icon" aria-hidden="true">
                                    <use xlink:href="#icon-yueliang"></use>
                                </svg>
                                <p>夜间不伤眼</p>
                            </div>
                            <div class="dak">立即打开</div>
                            <div>
                                <div class="PC_left">
                                    <svg class="icon" aria-hidden="true">
                                        <use xlink:href="#icon-yuyin"></use>
                                    </svg>
                                    <p>主播工具</p>
                                </div>
                                <div class="PC_center">
                                    <svg class="icon" aria-hidden="true">
                                        <use xlink:href="#icon-kehuduan1"></use>
                                    </svg>
                                    <p>电视</p>
                                </div>
                                <div class="PC_right">
                                    <svg class="icon" aria-hidden="true">
                                        <use xlink:href="#icon-shouji"></use>
                                    </svg>
                                    <p>移动端</p>
                                </div>
                            </div>
                        </div>
                        <div class="touxiang">
                            <img src="./image/touxiang.png" alt="">
                            
                        </div>
                    </div>
                </div>
            </div>
            <div class="header_content">
                <div class="Hcontent_left"></div>
                <div class="Hcontent_right">
                    <ul id="HR_uls">
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="container">
        <!-- 侧边导航栏 -->
        <div class="right">
            <img src="img/right.png" alt="">
            <div class="nav">
                <!-- 侧边栏没点击之前 -->
                <ul class="old">
                    <li>
                        <svg class="icon ziti" aria-hidden="true">
                            <use xlink:href="#icon-ziyuan"></use>
                        </svg>
                        <p>关注</p>
                    </li>
                    <li>
                        <svg class="icon ziti" aria-hidden="true">
                            <use xlink:href="#icon-paihangbang"></use>
                        </svg>
                        <p>排行榜</p>
                    </li>
                    <li>
                        <svg class="icon ziti" aria-hidden="true">
                            <use xlink:href="#icon-shubiao"></use>
                        </svg>
                        <p>游戏</p>
                    </li>
                    <li>
                        <svg class="icon ziti" aria-hidden="true">
                            <use xlink:href="#icon-youxi"></use>
                        </svg>
                        <p>云游戏</p>
                    </li>
                    <li>
                        <svg class="icon ziti" aria-hidden="true">
                            <use xlink:href="#icon-saishihuodong"></use>
                        </svg>
                        <p>赛事</p>
                    </li>
                    <li>
                        <svg class="icon ziti" aria-hidden="true">
                            <use xlink:href="#icon-kefu"></use>
                        </svg>
                        <p>客服</p>
                    </li>
                </ul>
                <!-- 侧边栏点击后 -->
                <ul class="new">
                    <li style="border-bottom: 1px solid #6666;height: 245px;;">
                        <ul class="one">
                            <li>
                                <svg class="icon ziti1" aria-hidden="true">
                                    <use xlink:href="#icon-ziyuan"></use>
                                </svg>我的关注
                            </li>
                            <li>
                                <svg class="icon ziti1" aria-hidden="true">
                                    <use xlink:href="#icon-paihangbang"></use>
                                </svg>排行榜
                            </li>
                            <li>
                                <svg class="icon ziti1" aria-hidden="true">
                                    <use xlink:href="#icon-shubiao"></use>
                                </svg>页游中心
                            </li>
                            <li>
                                <svg class="icon ziti1" aria-hidden="true">
                                    <use xlink:href="#icon-youxi"></use>
                                </svg>云游戏
                            </li>
                            <li>
                                <svg class="icon ziti1" aria-hidden="true">
                                    <use xlink:href="#icon-saishihuodong"></use>
                                </svg>赛事
                                <span style="margin-left: 40px;">
                                    <svg class="icon ziti1" aria-hidden="true">
                                        <use xlink:href="#icon-lpl"></use>
                                    </svg>
                                    <svg class="icon ziti1" aria-hidden="true">
                                        <use xlink:href="#icon-kpl"></use>
                                    </svg>
                                    <svg class="icon ziti1" aria-hidden="true">
                                        <use xlink:href="#icon-cf"></use>
                                    </svg>
                                </span>
                            </li>
                        </ul>
                    </li>
                    <li style="border-bottom: 1px solid #6666;height: 205px;">
                        网游竞技
                        <ul>
                            <li>英雄联盟</li>
                            <li>绝地求生</li>
                            <li>DOTA2</li>
                            <li>穿越火线</li>
                            <li>CFHD</li>
                            <li>DNF</li>
                            <li>炉石传说</li>
                            <li>CS:GO</li>
                            <li>逆战</li>
                            <li>lol云顶之弈</li>
                            <li>魔兽争霸</li>
                            <li>魔兽怀旧服</li>
                            <li>VALORANT</li>
                            <li>DOTA</li>
                            <li>魔兽世界</li>
                            <li>剑网3</li>
                            <li>APEX英雄</li>
                            <li>守望先锋</li>
                        </ul>
                    </li>
                    <li style="border-bottom: 1px solid #6666;height: 120px;">
                        单机热游
                        <ul>
                            <li>主机游戏</li>
                            <li>永劫无间</li>
                            <li>恐惧之间</li>
                            <li>精灵宝可梦</li>
                            <li>恐怖游戏</li>
                            <li>逃离塔克夫</li>
                            <li>神佑释放</li>
                            <li>怀旧游戏</li>
                            <li>格斗游戏</li>
                        </ul>
                    </li>
                    <li style="border-bottom: 1px solid #6666;height: 210px;">
                        手游休闲
                        <ul style="height:300px">
                            <li>王者荣耀</li>
                            <li>和平精英</li>
                            <li>火影忍者</li>
                            <li>LOL手游</li>
                            <li>COD手游</li>
                            <li>暗黑破坏神:不朽</li>
                            <li>CF手游</li>
                            <li>欢乐斗地主</li>
                            <li>宝可梦大集结</li>
                            <li>原神</li>
                            <li>天刃手游</li>
                            <li>棋牌娱乐</li>
                            <li>黎明觉醒</li>
                            <li>新游中心</li>
                            <li>QQ飞车</li>
                            <li>阴阳师</li>
                            <li>热门手游</li>
                            <li>航海王热血航线</li>
                        </ul>
                    </li>
                    <li style="border-bottom: 1px solid #6666;height: 160px;">
                        娱乐天地
                        <ul>
                            <li>颜值</li>
                            <li>音乐</li>
                            <li>舞蹈</li>
                            <li>二次元</li>
                            <li>户外</li>
                            <li>美食</li>
                            <li>互动交友</li>
                            <li>一起看</li>
                            <li>趣生活</li>
                        </ul>
                    </li>
                    <li style="border-bottom: 1px solid #6666;height: 210px;">
                        科技文化
                        <ul>
                            <li>数码科技</li>
                            <li>文化</li>
                            <li>科普</li>
                            <li>社会人文</li>
                            <li>汽车</li>
                            <li>纪录片</li>
                            <li>斗鱼购物</li>
                            <li>体育赛场</li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>

        <!-- 斗鱼推荐 -->
        <div class="selection">
            <!-- 斗鱼推荐文字栏 -->
            <div class="text">
                <span style="font-size: 30px;margin-right: 15px;">斗鱼推荐</span>
                <span style="margin-right: 15px;">根据你喜欢的内容推荐</span>
                <span class="change">
                    换一换
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-huanyihuan"></use>
                    </svg>
                </span>
            </div>
            <!-- 存放视频的内容区 -->
            <div class="content">
                <ul class="tuijian"></ul>
            </div>
        </div>

        <!-- 在线直播 -->
        <div class="online">
            <!-- 在线直播的文字导航 -->
            <div class="text">
                <span style="font-size: 30px;margin-right: 15px;">在线直播</span>
                <ul class="one">
                    <li class="all">
                        全部
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-xiala1"></use>
                        </svg>
                        <ul class="three">
                            <li style="margin-left: 20px;" class="moren">默认</li>
                            <li>热度</li>
                            <li>一起看</li>
                            <li>弹幕</li>
                            <li>赛事</li>
                            <li>礼物</li>
                            <li>互动</li>
                        </ul>
                    </li>
                    <li class="wangyou">网游竞技</li>
                    <li class="danji">单击热游</li>
                    <li class="shouyou">手游休闲</li>
                    <li class="yule">娱乐天地</li>
                    <li class="yanzhi">颜值</li>
                    <li class="keji">科技文化</li>
                    <li class="hudong">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-yuyin"></use>
                        </svg>语音互动
                    </li>
                    <li class="xia" style="width: 30px;height: 30px;border-radius: 50%;">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-xiala"></use>
                        </svg>
                        <ul class="two">
                            <li class="zhibo">
                                <svg class="icon" aria-hidden="true">
                                    <use xlink:href="#icon-yuyin"></use>
                                </svg>语音直播
                            </li>
                            <li class="zheng">正能量</li>
                            <li class="saiche">赛车竞技</li>
                            <li class="jing">京斗云</li>
                        </ul>
                    </li>
                    <li class="free" style="color: black;background: none;margin-left: 20px;border:none;">
                        <img src="img/free.webp.jpg">免费领取
                    </li>
                    <li class="hot" style="color: black;background: none;border:none;">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-remenshipin"></use>
                        </svg>热门视频
                    </li>
                </ul>
            </div>
            <!-- 在线直播的视频区 全部-->
            <div class="Content">
                <ul></ul>
            </div>
            <!-- 在线直播的视频区分页 -->
            <div class="Content1">
                <ul></ul>
            </div>

            <!-- 网游竞技 -->
            <div class="Wang">
                <ul></ul>
            </div>
            <!-- 网游竞技分页 -->
            <div class="WangY">
                <ul></ul>
            </div>

            <!-- 单击热游 -->
            <div class="Danji">
                <ul></ul>
            </div>
        </div>

        <!-- 分页 -->
        <div class="page">
            <ul>
                <li style="width: 80px;height:30px;border-radius: 20px;color: #BFBFBF;" class="prev" disable>上一页</li>
                <li style="border: 1px solid #FF5D23;">1</li>
                <li>2</li>
                <li style="width: 80px;height:30px;border-radius: 20px;" class="next">下一页</li>
            </ul>
        </div>
    </div>

    <script src="directory.js"></script>
</body>

</html>